﻿<%@ Page Title="" Language="C#" MasterPageFile="~/UI/UserUI/User.Master" AutoEventWireup="true" CodeBehind="ProductCategoryEntry.aspx.cs" Inherits="BoutiquePOS.UI.UserUI.ProductCategoryEntry" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="../../Styles/UserUI/DivStyle.css" rel="stylesheet" type="text/css" />
    <link href="../../Styles/UserUI/Common.css" rel="stylesheet" type="text/css" />
    <link href="../../Styles/UserUI/GridView.css" rel="stylesheet" type="text/css" />
    <script language="javascript" type="text/javascript">
        function validation() {
            if (document.getElementById('<% =categoryNameTextBox.ClientID %>').value == "") {
                document.getElementById('<%=messageResult.ClientID %>').textContent = "Category name cannot be blank ";
                document.getElementById('<%=messageResult.ClientID%>').style.color = "red";
                document.getElementById('<% =categoryNameTextBox.ClientID %>').focus();
                return false;
            }
            return true;
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <fieldset>
        <legend style="color: blue">|| Product Category Info Entry ||</legend>
        <div class="divRow">
            <div class="divColumn">
                <div>
                    <label>
                        Category Name
                    </label>
                </div>
            </div>
            <div class="divColumn">
                <div>
                    <input type="text" id="categoryNameTextBox" runat="server" />
                </div>
            </div>
        </div>
        <%--1st row close--%>
        <br />
        <div class="divRow">
            <div class="divColumn">
                <div>
                    <label>
                        Gender Name
                    </label>
                </div>
            </div>
            <div class="divColumn">
                <div>
                    <select id="GenderNameDDList" runat="server" tabindex="3">
                        <%--<option value="1">Cash</option>
                        <option value="2">Credit</option>--%>
                    </select>
                </div>
            </div>
        </div>
        <%--2nd row close--%>

        <div class="divRow">
            <div class="divColumn">
                <div>
                    <p id="messageResult" runat="server">
                    </p>
                </div>
            </div>
            <div class="divColumn">
                <div>
                    <input type="submit" value="Save" id="saveButton" runat="server" onserverclick="SaveProductCategory"
                        class="myButton" onclick="javascript:return validation()" />
                    <input type="submit" value="Clear" id="clearButton" runat="server" onserverclick="ClearButton"
                        class="myButton" />&nbsp;
                    <input type="submit" value="Close" id="closeButton" runat="server" onserverclick="CloseButton"
                        class="myButton" />&nbsp;
                </div>
            </div>
        </div>
        <%--3rd row close--%>
    </fieldset>

    <%--<fieldset>
        <legend>Delete Store Info</legend>
        <div class="divRow">
            <div class="divColumn">
                <div>
                    <label>
                        Store Id
                    </label>
                </div>
            </div>
            <div class="divColumn">
                <div>
                    <input type="text" id="storeIdTextBox" runat="server" />
                </div>
            </div>
        </div>
       
        <br/>
        <div class="divRow">
            <div class="divColumn">
                <div>
                    <p id="p6" runat="server" style="color: white">
                        blank space</p>
                </div>
            </div>
            <div class="divColumn">
                <div>
                    <input type="submit" value="Delete" id="deleteButton" runat="server" onserverclick="DeleteButton"
                        class="myButton" onclick="javascript:return check()" />
                </div>
            </div>
        </div>
    </fieldset>--%>

    <fieldset>
        <legend>||Show Product Category Info||</legend>
        <div>
            <input id="searchIdTextBox" type="text" runat="server" />
            <input id="searchByIdButton" type="submit" value="Search By ID" class="myButton"
                runat="server" onserverclick="searchByIdButton_Click" />
            <input id="searchNameTextBox" type="text" runat="server" />
            <input id="searchByNameButton" type="submit" value="Search By Name" class="myButton"
                runat="server" onserverclick="searchByNameButton_Click" />
        </div>
        <div>
            <asp:GridView ID="categoryGridView" runat="server" CellPadding="3" AllowPaging="True"
                AutoGenerateColumns="False" Height="100px" BackColor="White" BorderColor="#CCCCCC"
                BorderStyle="None" BorderWidth="1px" CssClass="GridviewStyle" PageSize="7" OnPageIndexChanging="storeGridView_PageIndexChanging">
                <FooterStyle CssClass="GridViewFooterStyle" />
                <RowStyle ForeColor="#000066" />
                <PagerStyle CssClass="GridViewFooterStyle" HorizontalAlign="Center" />
                <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
                <HeaderStyle CssClass="GridViewHeaderStyle" Font-Bold="True" />
                <Columns>
                    <asp:BoundField DataField="CategoryId" HeaderText="Category Id" />
                    <asp:BoundField DataField="CategoryName" HeaderText="Category Name" />
                    <asp:CommandField ShowSelectButton="True" />
                </Columns>
                <SortedAscendingCellStyle BackColor="#F1F1F1" />
                <SortedAscendingHeaderStyle BackColor="#007DBB" />
                <SortedDescendingCellStyle BackColor="#CAC9C9" />
                <SortedDescendingHeaderStyle BackColor="#00547E" />

<SortedAscendingCellStyle BackColor="#F1F1F1"></SortedAscendingCellStyle>

<SortedAscendingHeaderStyle BackColor="#007DBB"></SortedAscendingHeaderStyle>

<SortedDescendingCellStyle BackColor="#CAC9C9"></SortedDescendingCellStyle>

<SortedDescendingHeaderStyle BackColor="#00547E"></SortedDescendingHeaderStyle>
            </asp:GridView>
        </div>
    </fieldset>
</asp:Content>

